<template>
  <swiper class="banner" indicator-dots autoplay>
    <swiper-item v-for="(item, idx) in banners" :key="idx">
      <image :src="item.logo" class="banner-img" mode="aspectFill" />
    </swiper-item>
  </swiper>
</template>

<script setup>

import {useData} from "../../../common/useData";
import {ref} from "vue";

const searchParams = ref({});
const {modelData:banners} = useData("/shopBanner/list", searchParams);

</script>

<style>
.banner {
  width: 100%;
  height: 300rpx;
  margin-top: 20rpx;
  margin-bottom: 0rpx;
  display: block;
}
.banner-img {
  width: 100%;
  height: 300rpx;
  border-radius: 10rpx;
  display: block;
}
</style>
